<template>
  <div>
    <h1>综艺</h1>
    <My-zongyi>
      <template>
        <img src="../assets/logo.png" alt="" width="10px" />
      </template>
    </My-zongyi>
    <My-zongyi v-bind:text="data">
      <template v-slot:one> 
        <h1>具名插槽</h1>
      </template>
    </My-zongyi>


     <My-zongyi v-bind:text="data">
      <template v-slot:two="demo"> 
        <h1>作用域插槽</h1>
        <b>{{demo.data}}</b>
      </template>
    </My-zongyi>
  </div>
</template>

<script>
import MyZongyi from "../components/MyZongyi.vue";

export default {
  data() {
    return {
      data: 123,
    };
  },
  components: {
    MyZongyi,
  },
};
</script>

<style>
</style>